const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})
const path = require('path')
// 获取路径
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  publicPath: '/lrj_tymh_pc/', // 部署应⽤包时的基本 URL
  outputDir: 'dist', // npm run build ⽣成的⽂件夹，默认是dist
  assetsDir: 'static', // 在kaixin⽂件夹下⾯⽣成static⽬录存放js,img,css等静态资源
  indexPath: 'index.html', // ⽣成的单⽂件的，⽂件名，
  filenameHashing: true, // 文件名哈希（默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存。然而，这也要求 index 的 HTML 是被 Vue CLI 自动生成的。如果你无法使用 Vue CLI 生成的 index HTML，你可以通过将这个选项设为 false 来关闭文件名哈希）
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      },
      fallback: {
        path: require.resolve('path-browserify') //解决导入path报错问题
      }
    }
  },
  devServer: {
    proxy: {
      '/tymh': {
        target: 'https://mhlrj.shmh.gov.cn',
        changeOrigin: true // 跨域
      }
    }
  },
  chainWebpack(config) {
    config.plugins.delete('preload') // TODO: need test
    config.plugins.delete('prefetch') // TODO: need test
    // set svg-sprite-loader
    config.module.rule('svg').exclude.add(resolve('src/assets/icons')).end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/assets/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end()
  }
}
